.colorBackground {
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  min-height: 55px;
}

.title {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  span:first-child {
    color: #000;
    font-size: 16px;
    border-left: 5px solid #13c2f3;
    padding-left: 10px;
  }
  span {
    margin: 0 10px;
  }
  .tcpandding {
    flex-grow: 1;
  }
}
.composing {
  display: flex;
  justify-content: flex-start;
}
.colorBackgrounds {
  background-color: #ffffff;
  min-height: calc(100vh - 260px);
  padding-top: 0px;
}

.backgroundp {
  height: calc(100vh - 150px);
  background: #ffffff;
}
.processBtn {
  margin: 2px 5px;
}
.pb {
  display: flex;
  justify-content: flex-start;
}

.titlep {
  // padding: 8px 25px 8px 25px;
  // border-left:5px solid #3f4959;
  // background: #f7f9fc;
  color: #4a4a4a;
  font-weight: 600;
  font-size: 16px;
  // min-width: 126px;
}

.webAccess {
  border: 1px solid #e1e5e5;
  margin-top: 30px;
  margin-left: 28px;
  width: 280px;
  height: 96px;
  box-shadow: 2px 4px 6px #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  span {
    margin-left: 26px;
  }
}
.textTitleDeV {
  margin-left: 112px;
  display: flex;
  justify-content: flex-start;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.textTitle {
  border: 0px solid;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  padding: 20px 30px 20px 30px;
  // width: 520px;
  // min-height: 130px;
}
.djBu {
  display: flex;
  align-self: flex-end;
  margin-left: 20px;
}
.webSet {
  min-height: 1190px;
  background-color: #fff;
  // display: flex;
  // justify-content:flex-start;
}
.webSettcx {
  // min-height: 1190px;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
}
.webSetLeft {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e6ecf6;
  padding-left: 28px;
}
.webSetLefttcx {
  width: 50%;
  height: 100%;
  // border-right:1px solid #e6ecf6;
  padding-left: 28px;
}
.webSetRight {
  width: 50%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;

  // border-right:1px solid #e6ecf6;
}
.webSetBotton {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e6ecf6;
}
.colorzj {
  border-radius: 5px;
  background: #19c3f3;
  width: 31px;
  height: 31px;
  position: relative;
  top: 5px;
  margin-right: 10px;
  cursor: pointer;
}
.colorzjtwo {
  border-radius: 5px;
  background: #19c3f3;
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
}
.flexColor {
  display: flex;
  flex-wrap: nowrap;
}
:global {
  .Uploadlg {
    .ant-upload.ant-upload-select-picture-card {
      width: 74px;
      height: 74px;
    }
  }
}
:global {
  .Uploadlgq {
    .ant-upload.ant-upload-select-picture-card {
      width: 74px;
      height: 74px;
    }
    .ant-form-item {
      margin-bottom: 8px;
    }
  }
}
.xzwj {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.kzimg {
  width: 51px;
  height: 51px;
  border-radius: 5px;
  background: #19c3f3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mrcdx {
  display: flex;
  flex-wrap: nowrap;
  width: 100px;
  text-align: center;
}
.flexMap {
  display: flex;
  flex-wrap: nowrap;
  // justify-content: center;
  margin-bottom: 10px;
}
.leftjqr {
  width: 160px;
  height: 100%;
  // background: #e6ecf6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.Rightjqr {
  // width:calc(100% - 200px);
  flex-grow: 1;
  height: 100%;
  // background: #19c3f3;
}
.kyflex {
  // display: flex;
  // justify-content: flex-end;
  // overflow: hidden;
  text-overflow: ellipsis;
  text-align: 'right';
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  padding-left: 10px;
}
.check {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #19c3f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkH {
  position: relative;
  right: 18px;
  // right: 8px;
  top: 75px;
  // top: 110px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #19c3f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkHimg {
  position: relative;
  left: 75px;
  bottom: 54px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #19c3f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkHz {
  position: relative;
  right: 8px;
  top: 110px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  // background:  #19c3f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkHcfx {
  position: relative;
  right: 8px;
  top: 55px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #19c3f6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgMap {
  cursor: pointer;
}
.kzrkys {
  position: relative;
  width: 85px;
  height: 120px;
  // border: 1px solid #dcdfe6;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  cursor: pointer;
  margin-bottom: 20px;
}
.kzrkyscfx {
  width: 330px;
  height: 60px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  cursor: pointer;
}
.kzrkysz {
  display: flex;
  flex-wrap: wrap;
  width: 500px;

  // height: 120px;
  display: flex;
  // justify-content:center;
  // align-items:center;
}
.xzwjts {
  display: flex;
  align-items: center;
}
.appjr {
  display: flex;
  flex-wrap: nowrap;
}
.zidytp {
  float: right;
  position: relative;
  bottom: 70px;
  left: 400px;
}
.buttonclass {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
.qnmb {
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
}
.titleA {
  width: 84px;
  height: 24px;
  font-size: 21px;
  font-family: FZLTHJW--GB1;
  font-weight: normal;
  color: rgba(74, 74, 74, 1);
  line-height: 24px;
  // -webkit-background-clip: text;
  // -webkit-text-fill-color: transparent;
}
.flexcen {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.butta {
  padding: 12px 40px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15) !important;
  background: #fff;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  font-family: FZLTHJW--GB1;
  font-weight: normal;
  color: rgba(74, 74, 74, 1);
}
.buttb {
  padding: 12px 40px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15) !important;
  background: #fff;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
  font-family: FZLTHJW--GB1;
  font-weight: normal;
  color: rgba(74, 74, 74, 1);
}
.borzdy {
  border-top: 1px solid #eeeeee;
  height: 1px;
  margin-top: 20px;
  margin-left: 112px;
}
.flexm {
  display: flex;
  justify-content: flex-start;
}
.flexMapa {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.flexMap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  // justify-content: center;
  margin-bottom: 10px;
}
.flexcenm{
  display: flex;
justify-content:center;
}
.flexcenm img{
  cursor: pointer;
}

:global {
//   .ant-switch {
//     height: 12px;
//     min-width: 28px;
//   }
//   .ant-switch-checked::after {
//     margin-left: 2px;
//   }
//   .ant-switch-loading-icon,
//   .ant-switch::after {
//     top: -5px;
//     background-color: #0b98fc;
//     // left: 0px;
//     // left: -2px;
//   }
//   .ant-switch-checked {
//     background-color: #cad9f1;
// }
// .ant-switch {
//   background-color: #cad9f1;
// }
}
.dabj{
  overflow: hidden;
  height: calc(100vh - 280px);
  overflow-y:scroll;
}
.dabj::-webkit-scrollbar{width:6px;}
.dabj::-webkit-scrollbar-track{background-color:transparent;}
.dabj::-webkit-scrollbar-thumb{
  background-color:#d1d1d1;
  border-radius: 10px;
}
.dabj::-webkit-scrollbar-thumb:hover {background-color:#9c3}
.dabj::-webkit-scrollbar-thumb:active {background-color:#00aff0}
// .dabj::-webkit-scrollbar { width: 0 !important }
